<template>
    <div class="header">
        <span><slot name="left"></slot></span>
        <span><slot name="middle"></slot></span>
        <span><slot name="right"></slot></span>
    </div>
</template>

<script>

export default {
    data(){
        return {

        }
    }
}
</script>
<style scoped>
.header{
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    line-height: 50px;
    background-color: lightskyblue;
    color: white;
}
</style>